<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
    <title>Способ создания скругленных уголков</title>
    <style type="text/css">
        .corners { height: 1%; overflow: hidden; }
        .corners * {padding: 0px; margin: 0px; }
        .corners .tr { height: 9999px; }
        .corners .bl { width: 9999px; }
        .corners { position: relative; background: url(img/corners.png) no-repeat -20px -20px; padding: 20px; margin: 10px; }
        .tr, .bl, .br { position: absolute; overflow: hidden; background-image: url(img/corners.png); background-repeat: no-repeat; }
        .tr { background-position: 0 -20px; top: 0; right: 0; bottom: 20px; width: 20px; }
        .bl { background-position: -20px 0px; bottom: 0; left: 0; height: 20px; right: 0; }
        .br { background-position: 0px 0px; bottom: 0; right: 0; width: 20px; height: 20px; }
    </style>
    </head>
<body>

<div class="corners">
 <p>
 Ac elit In senectus nibh ut elit euismod Mauris dignissim tellus. Et id id dui eros quam Integer Aenean velit Aenean Phasellus. Eget gravida quis ipsum sed eu amet Mauris Quisque laoreet dui. Adipiscing quis ridiculus pretium mauris lorem tempus Vestibulum elit penatibus volutpat. Augue Aenean non elit fames vitae Vivamus Aliquam dictum id consectetuer. Elit odio eros velit.
 Ac elit In senectus nibh ut elit euismod Mauris dignissim tellus. Et id id dui eros quam Integer Aenean velit Aenean Phasellus. Eget gravida quis ipsum sed eu amet Mauris Quisque laoreet dui. Adipiscing quis ridiculus pretium mauris lorem tempus Vestibulum elit penatibus volutpat. Augue Aenean non elit fames vitae Vivamus Aliquam dictum id consectetuer. Elit odio eros velit.
 Ac elit In senectus nibh ut elit euismod Mauris dignissim tellus. Et id id dui eros quam Integer Aenean velit Aenean Phasellus. Eget gravida quis ipsum sed eu amet Mauris Quisque laoreet dui. Adipiscing quis ridiculus pretium mauris lorem tempus Vestibulum elit penatibus volutpat. Augue Aenean non elit fames vitae Vivamus Aliquam dictum id consectetuer. Elit odio eros velit.
 </p>
 <b class="tr"></b><b class="bl"></b><b class="br"></b>
</div>

</body>
</html>